{% load static %}
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="{% static 'css/publish.css' %}"/>
		<title></title>
	</head>
	<body>
		<div class="navigation">
			<img src="{% static 'img/LOGOOOO.png' %}" class="Logo" alt="logo">
            <a href="{% url 'start_views' %}" class="before">寻物启事</a>
            <a href="{% url 'second_views/' %}" class="before">失物招领</a>
            <a href="" class="before">发布帖子</a>
            <a href="{% url 'about' %}" class="last">关于</a>
            <a href="{% url 'per_center' %}" class="last">个人中心</a>
        </div>
		<form action="{% url 'publish' %}" method="post" enctype="multipart/form-data">
            {% csrf_token %}
		<div class="first">
			<div class="box">
				<div class="box1">
					<h2 class="must">●必选</h2>
					<select name="release_type">
						<option >发布类型</option>
						<option value="寻物">寻物</option>
						<option value="招领">招领</option>
					</select>
				</div>
				<div class="box2">
					<h2 class="must">●必填信息</h2><br>
					<p>物品分类：</p>
					<select name="classification">
						<option value="other">物品分类</option>
                        <option value ="live">生活用品</option>
						<option value="ele">电子产品</option>
						<option value ="study">学习用品</option>
						<option value ="bag">包具</option>
						<option value ="one_card">一卡通</option>
						<option value ="card">证件</option>
						<option value ="makeup">化妆用品</option>
						<option value ="other">其它</option>
					</select>
					<div class="name">
						<span>物品名称：</span>
						<input type="text" name="name" class="input" maxlength="15" placeholder="例：水杯" />
					</div>
					<div>
						<span>物品详情：</span><br>
						<textarea rows="" cols="" maxlength="100" name="detail" placeholder="为了保护您的隐私安全，请勿在此栏填写联系方式！"></textarea>
					</div>
				</div>
				<div class="box3">
					<h2 class="must">●选填信息</h2>
					<div>
						<span>丢失/拾取时间：</span>
						<input  type="date" name="date">
						<input type="radio" id="one" name="detail" checked>
						<label for="one">上午</label>
						<input type="radio" id="two" name="detail" >
						<label for="two">下午</label>
					</div>
					<div>
						<span>丢失/拾取地点：</span>
						<input type="text" name="place" class="input1" maxlength="60" placeholder="详细地址（例）：太理明向校区东餐二楼" />
					</div>
					<div>
						<span>联系方式：</span>
						<select name="contact_type">
							<option value ="qq">QQ</option>
							<option value ="vx">VX</option>
							<option value="tel">Tel</option>
						</select>
						<input type="text" name="contact" class="input2" maxlength="20" />
					</div>
				</div>
				<div class="box4">
					<p>添加图片：</p>
					<div>
						<label for="img1"><img src="{% static 'img/添加图片.png' %}" ></label>
						<input type="file" name="img1" id="img1" hidden/>
					</div>
					<div>
						<label for="img2"><img src="{% static 'img/添加图片.png' %}" ></label>
						<input type="file" name="img2" id="img2" hidden/>
					</div>
					<div>
						<label for="img3"><img src="{% static 'img/添加图片.png' %}" ></label>
						<input type="file" name="img3" id="img3" hidden/>
					</div>
				</div>
				<div class="box5">
					<button  name="submit" class="btn btn-info">发布</button>
				</div>
			</div>
		</div>
		</form>
	</body>
</html>
